const label = '手机归属地'
const name = 'DkAppPhoneLocal'

export default {
  icon: 'tdesign:work',
  label,
  name,
  rule() {
    return {
      type: name,
      props: {
        buttonStyle: {
          width: '60%',
          height: '40px',
          backgroundColor: 'rgba(252, 25, 25, 1)',
          borderRadius: '80px',
          boxShadow: '2px 2px 3px 2px #E7E5E5FF'
        },
        titleWidth: 100,
        buttonText: '看广告查询'
      },
      showStyle: true,
      children: [],
      style: {},
      setting: {
        style: {}
      }
    }
  },
  props() {
    return [
      { type: 'switch', title: '开启广告', field: 'openAd', value: true },
      { type: 'input', title: '标题', field: 'titleText', value: '手机号' },
      { type: 'number', title: '标题宽度', field: 'titleWidth', value: 100 },
      { type: 'input', title: '按钮文字', field: 'buttonText', value: '看广告查询' },
      {
        type: 'DkStyleInput',
        field: 'buttonStyle',
        title: '按钮样式',
        props: {
          isDrawer: true,
          drawerProps: {
            title: '按钮样式',
            size: '400px',
            zIndex: 100
          },
          hideComponents: ['DkStyleFontInput']
        },
        value: {
          width: '60%',
          height: '40px',
          backgroundColor: 'rgba(252, 25, 25, 1)',
          borderRadius: '80px',
          boxShadow: '2px 2px 3px 2px #E7E5E5FF'
        }
      },
      {
        type: 'DkStyleInput',
        field: 'cardStyle',
        title: '卡片样式',
        props: {
          isDrawer: true,
          drawerProps: {
            title: '卡片样式',
            size: '400px',
            zIndex: 100
          },
          hideComponents: ['DkStyleFontInput']
        },
        value: {}
      }
    ]
  }
}
